<style>
body{
  background-color: #DDD;
}
</style>
<style scoped>
input:focus{
  border:0;
  outline: none;
}
</style>

<template>
  <div class="w-full lg:min-h-[calc(100vh-3rem)] lg:flex lg:justify-center lg:items-center">
    <div class="py-6 lg:py-0 lg:w-3/4">

      <h1 class="text-center text-6xl">
        <img class="w-40 mx-auto" src="@/assets/logo.png" alt="友和网">
      </h1>
    
      <MainSearch class="mt-6 lg:mt-12 mx-auto "></MainSearch>
      <MainLink class="mt-6 lg:mt-12"></MainLink>

    </div>


  </div>

  <CopyRight class="cbox mx-auto text-center py-2 lg:min-h-8"></CopyRight>




</template>

<script setup>
import {ref, reactive, computed, watch } from "vue";

import MainLink from "./parts/Mainlinks.vue"
import MainSearch from "./parts/MainSearch.vue"

import CopyRight from "./parts/Copyright.vue"

// import MyFooter from "@/views/parts/MyFooter.vue"

// 搜索词
const kwd = ref("");

</script>
